<template>
	<div class="breedingdetails">
		<div class="detailsbox">
			<div class="breedingli">
				<span class='fsize28l'>编号：</span><span class='fsize285'>#186</span>
			</div>
			<div class="breedingli">
				<span class='fsize28l'>耳号：</span><span class='fsize285'>#186</span>
			</div>
			<div class="breedingli">
				<span class='fsize28l'>所在猪舍号：</span><span class='fsize285'>3号</span>
			</div>
			<div class="breedingli">
				<span class='fsize28l'>所在猪栏号：</span><span class='fsize285'>3号</span>
			</div>
			<div class="breedingli">
				<span class='fsize28l'>出生日期：</span><span class='fsize285'>2020-03-31</span>
			</div>
			<div class="breedingli">
				<span class='fsize28l'>年龄：</span><span class='fsize285'>24个月</span>
			</div>
		</div>
		<div class="bcbox"></div>
		<div class="waitwritelist">

			<div class="inputbox flcm">
				<div class="label fsize28l">库存状态：</div>
				<picker @change="bindPickerChange" :range="array">
						<input type="text" placeholder="输选择" v-model="now"  class="standard smallinput"/>
						<image src="../../../static/administrator/down.png" class="img32 downbtn" mode=""></image>	
				</picker>
				
			</div>
			
		</div>
		<div class="maimgbox">
			<image src="../../../static/administrator/ma.png" class="imgauto" mode=""></image>
		</div>
		
		<div class="savebtn">保存</div>
	</div>


</template>

<script>
	export default {
		data() {
			return {
				now: '',
				
				array:['有库存','没库存']
			};
		},
		onLoad: function() {

		},
		methods: {
			gotogoods(e) {
				uni.navigateTo({
					url: '../goods/goods' 
				});
			},
			bindPickerChange(e) {
				this.now = this.array[e.target.value]
			},
		}
	}
</script>

<style lang="less">
	.detailsbox {
		padding: 32rpx;
	}
	.standard {
		width:546rpx;
		height:80rpx;
		box-sizing: border-box;
		border-radius:12rpx;
		border:2rpx solid rgba(190,190,190,0.3);
		padding-left: 24rpx;
		font-size:28rpx;
		font-family:PingFangSC-Regular,PingFang SC;
		font-weight:400;
		color:rgba(153,153,153,1);
		-webkit-box-shadow: inset 0 2rpx 2rpx rgba(0, 0, 0, .075);
		box-shadow: inset 0 2rpx 2rpx rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}

	.smallinput {
		width:346rpx;
		margin-right: 14rpx;
		
	}
	.lable {
		width:6rpx;
		height:18rpx;
		background:rgba(24,108,242,1);
		border-radius:5rpx;
		margin-right: 14rpx;
	}
	.waitwritelist {
		padding:32rpx 32rpx 0;
		.inputbox {
			position: relative;
			margin-bottom: 32rpx;
			.downbtn {
				position: absolute!important;
				left: 444rpx;
				top: 24rpx;
			}
			.label {
				width: 140rpx;
			}
		}
	}

	.breedingdetails {
		.savebtn {
			margin-left: 32rpx;
		}
	}
	
	.maimgbox {
		margin-top: 112rpx;
		display: flex;
		justify-content: center;
		.imgauto {
			width:534rpx;
			height:302rpx;
		}
	}
	
</style>
